.banner {
    padding-top: 30px;
    box-sizing: border-box;
    flex-direction: row-reverse;
    &_left {
        flex: 3.5;
        &_title {
            font-weight: 500;
            font-size: 60px;
            line-height: 72px;
        }
        &_label {
            font-weight: 500;
            font-size: 30px;
            line-height: 40px;
            background: linear-gradient(92.09deg, #fff 3.42%, #fffe 56.55%, #fff0 111.05%);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            background-clip: text;
        }
        &_desc {
            margin-top: 20px;
            font-size: 18px;
            color: #ffffff5e;
        }
        &_btns {
            margin-top: 20px;
            gap: 20px;
            &_btn1 {
                height: 55px;
                padding: 0 30px;
                font-weight: 700;
            }
            &_btn2 {
                height: 55px;
                padding: 0 30px;
                background: #070628;
                border: 1px solid rgba(134, 131, 164, .5) !important;
                color: #fff;
                border-radius: 10px;
                animation-duration: 0s;
                transition-property: none;
                &:hover {
                    color: #ffffff;
                }
            }
        }
    }
    &_right {
        flex: 6;
        &_inner {
            position: relative;
            width: 100%;
            max-width: 350px;
            padding-top: 30px;
            box-sizing: border-box;
        }
        &_img {
            width: 100%;
            height: 100%;
        }
        &_icon1 {
            width: 75px;
            height: 75px;
            position: absolute;
            left: 6%;
            bottom: 15%;
            animation-name: coin-animate;
            animation-duration: 2.5s;
            animation-iteration-count: infinite;
        }
        &_icon2 {
            width: 50px;
            height: 50px;
            position: absolute;
            left: 10%;
            top: 20%;
             animation-name: coin-animate;
            animation-duration: 2.5s;
            animation-iteration-count: infinite;
        }
        &_icon3 {
            width: 60px;
            height: 60px;
            position: absolute;
            left: 40%;
            top: 2%;
             animation-name: coin-animate;
            animation-duration: 2.5s;
            animation-iteration-count: infinite;
        }
        &_icon4 {
            width: 50px;
            height: 50px;
            position: absolute;
            right: 2%;
            top: 18%;
             animation-name: coin-animate;
            animation-duration: 2.5s;
            animation-iteration-count: infinite;
        }
        &_icon5 {
            width: 45px;
            height: 45px;
            position: absolute;
            right: -8%;
            bottom: 16%;
             animation-name: coin-animate;
            animation-duration: 2.5s;
            animation-iteration-count: infinite;
        }
    }
}
.trend {
    margin-top: 120px;
    margin-bottom: 50px;
    height: 351px;
    padding: 26px 46px;
    background: #171d33b3;
    border-radius: 24.15px;
    &_left {
        &_title {
            &_box {
                padding: 14px 12px;
                background: #ff971a26;
                border-radius: 10px;
                margin-right: 11px;
                height: 60px;
                width: 60px;
            }
            &_icon {
                width: 50px;
                height: 52px;
            }
            &_label {
                font-size: 26px;
                font-weight: 500;
                margin-left: 10px;
            }
        }
        &_info {
            margin-top: 20px;
            &_money {
                font-weight: 500;
                font-size: 35px;
                color: #ffffff;
            }
            &_rate {
                margin-left: 10px;
                color: #df2040;
                font-size: 28px;
                font-weight: 500;
            }
            &_unit {
                margin-left: 10px;
                font-size: 18px;
                color: #ffffff;
                font-weight: 500;
            }
        }
        &_btn {
            height: 52px;
            padding: 0 50px;
            box-sizing: border-box;
            color: #150035;
            font-weight: 500;
        }
    }
    &_right {
        width: 70%;
        position: relative;
        &_inner {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            max-width: 760px;
            &_bg {
                width: 100%;
                max-width: 760px;
                margin-bottom: -20px;
            }
            &_info {
                position: absolute;
                top: -19%;
                right: 12.5%;
                &_price {
                    min-width: 77px;
                    height: 41px;
                    line-height: 38px;
                    background-image: url('@/assets/images/price_bg.svg');
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                    font-size: 12px;
                    font-weight: 400;
                    color: #150035;
                    text-align: center;
                }
                &_img {
                    width: 52px;
                    height: 114px;
                }
            }
            &_bottom {
                position: absolute;
                right: 0;
                bottom: 0;
                &_list {
                    gap: 60px;
                    &_item {
                        font-weight: 500;
                        font-size: 12.6px;
                        line-height: 15px;
                        color: #748497;
                    }
                }
                &_desc {
                    margin-top: 15px;
                    font-weight: 500;
                    font-size: 14.7px;
                    line-height: 18px;
                    text-align: center;
                    color: #748497b3;
                }
            }
        }
    }
}
.advantage {
    position: relative;
    &_bg {
        position: absolute;
        opacity: .6;
        width: 100%;
    }
    &_title {
        background: linear-gradient(118.58deg, #d3b25b 21.42%, #f0d180 67.63%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        font-size: 21px;
        font-weight: 500;
        text-align: center;
    }
    &_desc {
        font-size: 50px;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
    }
    &_list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
        justify-content: center;
        gap: 30px;
        &_item {
            background: #171d33cc;
            border-radius: 24.15px;
            padding: 31px 33px;
            width: 395px;
            min-height: 270px;
            &_title {
                &_icon {
                    width: 35px;
                    height: 35px;
                }
                &_label {
                    margin-left: 15px;
                    font-size: 22px;
                    font-weight: 500;
                    color: #ffffffcc;
                }
            }
            &_desc {
                margin-top: 30px;
                font-size: 18px;
                color: #ffffffcc;
                font-weight: 400;
                opacity: .5;
            }
        }
    }
}
.step {
    margin-top: 50px;
    &_title {
        font-size: 50px;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
    }
    &_list {
        margin-top: 50px;
        gap: 40px 0;
        &_item {
            width: 50%;
            &_inner {
                width: 420px;
            }
            &_num {
                font-size: 50px;
                color: #b9c1d9cf;
                font-weight: 700;
                margin-right: 40px;
            }
            &_info {
                &_title {
                    font-size: 24px;
                    color: #ffffff;
                    font-weight: 500;
                }
                &_desc {
                    font-size: 19px;
                    color: #ffffff;
                    opacity: .4;
                }
            }
        }
    }
}
.start {
        height: 420px;
        background: linear-gradient(100.51deg, #171d33 7.82%, #171d3300 111.93%);
        border-radius: 46.2px;
        margin-top: 50px;
        &_title {
            font-size: 50px;
            color: #ffffff;
            font-weight: 400;
            max-width: 650px;
            text-align: center;
        }
        &_desc {
            &_label {
                font-size: 16px;
                font-weight: 400;
                color: #ffffff;
                opacity: .4;
            }
            &_value {
                font-size: 16px;
                font-weight: 700;
                color: #ffffff;
                margin: 0 10px;
            }
        }
        &_btn {
            height: 50px;
            margin-top: 30px;
        }
}

.market {
    background: linear-gradient(171.24deg, #232a4780 6.67%, #171d3300 129.97%);
    border-radius: 15px;
    &_title {
        padding: 10px 15px;
        box-sizing: border-box;
        &_label {
            font-size: 16px;
            font-weight: 500;
            color: #ffffff;
        }
        &_icon {
            width: 8px;
            height: 12px;
        }
    }
    &_info {
        background: linear-gradient(to bottom, #ffffff1a, #fff0);
        border-radius: 16px;
        box-sizing: border-box;
        padding: 1px;
        box-sizing: border-box;
        &_inner {
             width: 100%;
            height: 100%;
            background: linear-gradient(171.24deg,#111332 6.67%,#0b0c2c 129.97%);
            border-radius: 16px;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 12px;
            padding-bottom: 15px;
            box-sizing: border-box;
        }
        &_left {
            width: 50%;
            &_icon {
                padding: 6px;
                background: #ff971a26;
                border-radius: 10px;
                margin-right: 8px;
                height: 60px;
                width: 60px;
                &_img {
                    width: 100%;
                    height: 100%;
                }
            }
            &_name {
                &_label {
                    font-size: 16px;
                    font-weight: 400;
                    color: #ffffff;
                }
                &_desc {
                    margin-top: 4px;
                    font-size: 12px;
                    color: #575b66;
                    font-weight: 400;
                }
            }
        }
        &_right {
            &_money {
                font-size: 14px;
                color: #ffffff;
            }
            &_icon {
                width: 16px;
                height: 16px;
            }
            &_rate {
                color: green;
                font-size: 12px;
            }
        }
    }
}
@keyframes coin-animate {
    0% {
        transform: scale(1);
    }
    10% {
        transform: scale(.85);
    }
    20% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}
.h5-box {
    display: none;
}
@media only screen and (max-width: 1200px) {
    .banner {
        display: block;
        padding-top: 0;
        &_left {
            &_title {
                display: none;
            }
            &_label {
                font-size: 20px;
                text-align: center;
            }
            &_desc {
                font-size: 14px;
            }
            &_btns {
                &_btn1 {
                    width: 50%;
                }
                &_btn2 {
                    width: 50%;
                }
            }
        }
        &_right {
            &_inner {
                max-width: 280px;
            }
        }
    }
    .pc-box {
        display: none;
    }

    .h5-box {
        display: block;
    }
}